form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: none;
    border-bottom: 1px solid #cecece;
    float: left;
    width: 100%;
    background: transparent;
 }

 form.example input[type=text]:focus {
    outline: unset !important;
 }

 form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: transparent;
    color: #000;
    font-size: 17px;
    border: unset;
    border-left: none;
    cursor: pointer;
    position: absolute;
    right: 0;

 }

 form.example button:focus {
    outline: unset !important;
 }

 form.example::after {
    content: "";
    clear: both;
    display: table;
 }
 .alhpabetContainer {
    padding-top: 20px;
}
/* .alhpabetContainer ul.alhpabets{
     margin: 0;
     text-align: center;
     border: solid 1px #cecece;
     padding: 23px 0;
     border-radius: 50px;
     width: 49px;
 }*/
  .alhpabetContainer ul.alhpabets{
     margin: 0;
     text-align: center;
     border: solid 1px #cecece;
     padding:0;
     border-radius: 50px;
 }
 .alhpabetContainer ul.alhpabets li{
     list-style: none;
     padding: 0 10px;
	 display:inline-block;
 }
 .alhpabetContainer ul.alhpabets li:hover a{
    color: var(--color-primary);
    cursor: pointer;
 }
 .alhpabetContainer ul.alhpabets li a.active{
   color: var(--color-primary);
}
 .departSelectBox{
     border: none;
     border-bottom:solid 1px #cecece;
     padding: 13px;
     width: 100%;
     background: transparent;

 }
 .departSelectBox:focus {
    outline: unset !important;
 }
 .containerBox > .serviceListUl {
    margin: 0;
    list-style: none;
    display: inline-block;
    padding-left: 0;
    width: 100%;
 }
 .containerBox > .serviceListUl > li{
    padding: 0;
    margin: 0;
    float: left;
    width: calc(50% - 33px);
    padding: 0 0 60px 0;
    margin: 0 24px 0 0;
 }
 .containerBox > .serviceListUl > li > h4{
   word-break: break-word;
 }
 .containerBox .serviceListUl .detialService{
    border-right: solid 2px #e4e4e4;
    font-size: 0.85714286em;
    padding: 0 16px 0 0;
    margin: 0 16px 0 0;
 }
 .containerBox .serviceListUl .detialService:last-child{
    border: none;
 }
 .customTabs li{    
    line-height: 0.5em !important;

    cursor: pointer;
    
 }
 .customTabsNew li{
    line-height: unset !important;
 }
 .pagination {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
.pagination > li {
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #9e9c9c;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
}
.pagination > li.active {
    border: 1px solid #007c69 !important;
}
.pagination > li.active > a{
    color: #007c69 !important;
}
.pagination > li:hover {
    border: 1px solid #007c69 !important;
}
.pagination > li:hover > a{
    color: #007c69 !important;
}
.pagination__wrapper {
    height: 50px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.paginationLi{
    width: 100% !important;
   text-align: center;

}
.pagination a.link {
   width: 100%;
   display: inline-block;
}
select#AppoitmentDate {
   padding: 7px;
}
input.appointment_btn {
   display: inline-flex;
   width: auto;
   height: 4.7rem;
   margin-bottom: 0;
   padding: 0 2.8em;
   border: 1px solid var(--color-primary);
   background-color: var(--color-primary);
   -webkit-box-align: center;
   align-items: center;
   color: #fff;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border-radius: 50em;
   font-size: 1rem !important;
}

.appointmentSlot{
   display: block;
   font-size: 24px;
   color: #fff;
   /* line-height: 30px; */
   margin: 15px;
   padding: 1.0em 0.25em;
   border-radius: 10px;
   background-color: #bdbdbd;
   text-align: center;
}
.appointmentSlot:hover{
   cursor: pointer;
   background: var(--color-primary);
   color: #fff;
}
.appointmentSlot.active{
   background: var(--color-primary);
   color: #fff;
}
.appointmentTabs{
   padding-top: 0px !important ;
}
.ui-widget.ui-widget-content {
   z-index: 9999 !important;
}

input[type="submit" i]:focus {
   outline-offset: unset !important;
   outline: unset !important;
}
.bookanbookmentbtn{
   display: none;
}
@media screen and (max-width: 767px) {

   .containerBox > .serviceListUl > li {
      width: 100%;
      padding: 0 0 10px 0;
  }
  .mainCatDisplay{
     text-align: center !important;
  }
  .customAppointmentTabs {
   -webkit-box-align: unset !important;
   align-items:  unset !important;
}
}
.appointmentList{
   padding-bottom: 0 !important;
}

.datepicker {
   float: unset !important;
   width: 40% !important;
}
.magzinebox{
	    justify-content: center;
    border: solid 1px #dcdcdc;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 39px;
    -webkit-box-shadow: 0px 15px 15px -8px #e1e1e1;
    -moz-box-shadow: 0px 15px 15px -8px #e1e1e1;
    box-shadow: 0px 15px 15px -8px #e1e1e1;
    text-align: center;
}
.magzinetitle{
	margin-top:10px;
	margin-bottom:10px;
	min-height:50px;
}
.magzinedownload a{
	background:#64b670;
	color:#fff;
	display:block;
	border-radius:10px;
	padding-left:10px;
	padding-right:10px;
}
.btn-downloadmagazine{
	display:block;
	text-align:left;
	float:left;
}
.magzinesize{
	display:block;
	text-align:right;
	float:right;
}
.jobDetailCont > div p{
   display: inline-block;
   margin-bottom: 0rem;
   font-size: 14px;
}
.applyNowBtn{
   text-align: right;
}
.applyNowBtn > a{
   display: inline-flex;
   width: auto;
   margin-bottom: 0;
   padding: 0.2em 2em;
   border: 1px solid var(--color-primary);
   background-color: var(--color-primary);
   -webkit-box-align: center;
   align-items: center;
   color: #fff;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border-radius: 50em;
   font-size: 0.7rem !important;
}
.verticalLine{
   border-bottom: 1px solid #808291;
   width: 100%;
   height: 1px;
}
.jobBox{
   padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
}
.prominentP{
   color: #000;
   font-weight: bold;
}
.jobBox.detailJob {
   width: 100%;
   height: 100%;
   display: inline-block;
}
.yellow {
  background: #ff0;
}

.orange {
  background: #ffa500;
  color: #fff;
}

.green {
  background: #008000;
  color: #fff;
}

.red {
  background: #ff0000;
  color: #fff;
}

.gray {
  background: #808080;
  color: #fff;
}
.innerColumnRight {
  text-align: left;
}
.innerColumnLeft {
  margin: 12px auto;
}
.RightDiv {
  text-align: left;
  margin-top: 20px;
}
.Heading1 {
  font-size: 35px;
  color: #000;
}
.Heading2 {
  font-size: 24px;
}